<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    1.获取事件对象
    e=e || event;

    Document.onclick=function(e){
        e=e || event;
        console.log(e)
    }

    2.事件的常用类型
    <script>
        鼠标事件 onclick onmousedown onmouseup onmouseover onmouseout
        表单事件 onfocus onblur oninput onchange onsubmit 
        键盘事件 onkeydown onkeyup onkeypress
        浏览器事件  onresize onscroll onload
        触摸事件:..
    </script>

    3.事件对象的属性
    clientX clientY 可视区
    offsetX offsetY 相对于元素,鼠标距离元素的位置
    ...
    type事件类型
    which获取
    ctrlkey altkey
    enter 13
    button 左键1  右键2 

    4.事件绑定
    .......

    5.return false




</body>
</html>